@charset "utf-8"; .clear{clear:both; margin:0; height:0; width:0; padding:0;}/* 清浮 */ #main{width: 100%; padding: 0; margin: 0;} /*top*/ #top{width: 1920px; height: 187px; position: relative; left: 50%; margin-left: -960px; background: url("../images/top_bg.jpg") no-repeat top center;} #top .top1200{width: 1200px; margin: 0 auto;} #top .top1200 .logo{float: left; width: 131px; margin-top: 30px;} #top .top1200 .search{float: left; width: 590px; height: 40px; margin: 110px 100px 0px 100px;} #top .top1200 .search p{width: 590px; height: 36px; border: 2px solid #042986;} #top .top1200 .search p input.content{width: 480px; height: 36px; line-height: 36px; padding-left: 10px; float: left; border: none; outline: none;} #top .top1200 .search p input.sub{width: 100px; height: 36px; line-height: 36px; text-align: center; background: #042986; color: #fff; font-size: 20px; font-family: "黑体"; float: left; border: none; outline: none;} #top .top1200 .top_right{float: right; width: 279px;} #top .top1200 .top_right .top_s{width: 260px; height: 67px; background: url("../images/top_x.jpg") no-repeat; margin-left: 19px;} #top .top1200 .top_right .top_s li{float: left; height: 67px; background: url("../images/top_x.jpg") no-repeat right center;} #top .top1200 .top_right .top_s li a:hover{color: #999;} #top .top1200 .top_right .top_s li a{display: block; width: 86px; height: 27px; padding-top: 40px; text-align: center; color: #4f4b4c;} #top .top1200 .top_right .top_s li a.top01{background: url("../images/weixin.png") no-repeat center 9px; display: block; position:relative;} #top .top1200 .top_right .top_s li a.top02{background: url("../images/plus.png") no-repeat center 5px;} #top .top1200 .top_right .top_s li a.top03{background: url("../images/zhuce.png") no-repeat center 6px;} #top .top1200 .top_right .top_s li a.top04{background: url("../images/loginout.png") no-repeat center 6px;} #top .top1200 .top_right .top_s li a div{position:absolute; width:100%; height:100%; left: 0px; top: 67px; z-index:9999;-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #top .top1200 .top_right .top_s li a div img{ width: 91px;height: 91px; } #top .top1200 .top_right .top_s li a:hover div{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } #top .top1200 .top_right .top_x{ margin-top: 40px;} #top .top1200 .top_right .top_x a{float: left; width: 100px; height: 40px; line-height: 40px; padding-left: 34px; font-size: 14px; color: #fff;} #top .top1200 .top_right .top_x a.top04{background: #e6b451 url("../images/menber.png") no-repeat 12px center;} #top .top1200 .top_right .top_x a.top05{background: #e6b451 url("../images/shop.png") no-repeat 10px center; margin-left: 11px;} /*nav*/ #nav{width: 1920px; height: 50px; position: relative; left: 50%; margin-left: -960px; background: #4f4b4c;} #nav .nav1200{width: 1200px; margin: 0 auto;} #nav .nav1200 li{float: left;} #nav .nav1200 li a{display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff;} #nav .nav1200 li a:hover{background: #2f2f2e;} #nav .nav1200 li a.on{background: #2f2f2e;} /*product*/ #pro1{width: 1920px; height: 477px; position: relative; left: 50%; margin-left: -960px; background: url("../images/back01.jpg") no-repeat top center;} #pro1 .xiaohu{width: 510px; margin: 0 auto; padding: 80px 70px 0px 620px; text-align: center; line-height: normal;} #pro1 .xiaohu h1{font-size: 60px; color: #5c5c5c; margin-bottom: 30px;} #pro1 .xiaohu h2{font-size: 28px; color: #000; margin-bottom: 10px;} #pro1 .xiaohu span{font-size: 18px; color: #000; margin-bottom: 30px; display: block;} #pro1 .xiaohu p{font-size: 14px; color: #000; text-align: left; margin-bottom: 20px; line-height: 24px;} #pro1 .xiaohu a{font-size: 18px; color: #fff; display: block; width: 140px; height: 40px; line-height: 40px; background: #042986; margin: 0 auto;} #pro2{width: 1920px; height: 600px; position: relative; left: 50%; margin-left: -960px; background: #f6f6f6; margin-bottom: 60px;} #pro2 .yushi{width: 1200px; margin: 0 auto; position: relative;} #pro2 .yushi .demo{width: 80px; height: 113px; position: absolute; right: 0px; top: -5px;} #pro2 .yushi .pro_left{float: left; width: 463px; padding-right: 20px;} #pro2 .yushi .pro_left a img{width: 463px; height: 600px;} #pro2 .yushi .pro_right{float: left; width: 715px;} #pro2 .yushi .pro_right .pro_t{width: 715px;border-bottom: 1px solid #d5d5d5;} #pro2 .yushi .pro_right .pro_t span{display: block; color: #cbcbcb;font-size: 48px; font-family: "Arial"; padding: 35px 0px 25px 0px;} #pro2 .yushi .pro_right .pro_t b{display: block; color: #010101;font-size: 30px; font-family: "Arial"; padding: 0px 0px 20px 0px;} #pro2 .yushi .pro_right .pro_f{} #pro2 .yushi .pro_right .pro_f p{color: #333;font-size: 12px; padding: 15px 0px 30px 0px;} #pro2 .yushi .pro_right .pro_f li{float: left; width: 338px; height: 342px; margin-right: 10px; border: 1px solid #fff;} #pro2 .yushi .pro_right .pro_f li a{} #pro2 .yushi .pro_right .pro_f li img{width: 338px;height: 342px;} #pro2 .yushi .pro_right .pro_f li p a{padding: 8px 35px; margin: 0px 6px; border: 1px solid #d5d5d5; font-size: 14px; color: #595959;} #pro2 .yushi .pro_right .pro_f li p a:hover{background: #042986; color: #fff;} #pro3{width: 1920px; height: 600px; position: relative; left: 50%; margin-left: -960px; background: #f6f6f6;} #pro3 .xiuxian{width: 1200px; margin: 0 auto; position: relative;} #pro3 .xiuxian .demo{width: 80px; height: 113px; position: absolute; left: 0px; top: -5px;} #pro3 .xiuxian .pro_left{float: left; width: 463px; padding-left: 20px;} #pro3 .xiuxian .pro_left a img{width: 463px; height: 600px;} #pro3 .xiuxian .pro_right{float: left; width: 715px; text-align: right;} #pro3 .xiuxian .pro_right .pro_t{width: 715px;border-bottom: 1px solid #d5d5d5;} #pro3 .xiuxian .pro_right .pro_t span{display: block; color: #cbcbcb;font-size: 48px; font-family: "Arial"; padding: 35px 0px 25px 0px;} #pro3 .xiuxian .pro_right .pro_t b{display: block; color: #010101;font-size: 30px; font-family: "Arial"; padding: 0px 0px 20px 0px;} #pro3 .xiuxian .pro_right .pro_f{} #pro3 .xiuxian .pro_right .pro_f p{color: #333;font-size: 12px; padding: 15px 0px 30px 0px;} #pro3 .xiuxian .pro_right .pro_f li{float: left; width: 338px; height: 342px; margin-right: 10px; border: 1px solid #fff;} #pro3 .xiuxian .pro_right .pro_f li a{} #pro3 .xiuxian .pro_right .pro_f li img{width: 338px;height: 342px;} #pro3 .xiuxian .pro_right .pro_f li p a{padding: 8px 35px; margin: 0px 6px; border: 1px solid #d5d5d5; font-size: 14px; color: #595959;} #pro3 .xiuxian .pro_right .pro_f li p a:hover{background: #042986; color: #fff;} /*about*/ #about{width: 1920px; height: 341px; position: relative; left: 50%; margin-left: -960px; background: url("../images/index01.jpg") no-repeat top center;} #about .about1200{width: 780px; margin: 0 auto; padding: 45px 210px 0px; text-align: center; line-height: normal;} #about .about1200 h2{font-size: 30px; color: #fff; font-weight: normal;} #about .about1200 span{font-size: 18px; color: #fff; display: block; margin: 10px 0px 20px 0px; font-family: "Arial";} #about .about1200 p{font-size: 14px; color: #fff; line-height: 30px;} #about .about1200 a{position: relative; left: 0; bottom: -72px; z-index: 999;} /*case*/ #case{width: 1920px; height: 450px; position: relative; left: 50%; margin-left: -960px; background: #f0f0f0; padding-top: 70px;} #case .case1300{width: 1300px; margin: 0 auto;} #case .case1300 .case_top{text-align: center; line-height: normal; margin-bottom: 35px;} #case .case1300 .case_top p{font-size: 34px; color: #bdbdbd; font-family: "Arial"; padding-bottom: 20px;} #case .case1300 .case_top span{display: block; font-size: 24px; color: #042986; background: url("../images/case_x.jpg") no-repeat bottom center; padding-bottom: 10px;} .case_box{position:relative; overflow:hidden; width: 1300px; height: 409px;} .case_box b{z-index:2;position:absolute;text-indent:-9999px;width:22px;height:42px;top:45%;cursor:pointer;display: block;} .case_box .prev{text-indent:-9999px;background:url("../images/prev.png") no-repeat; left:0px} .case_box .next{background:url("../images/next.png") no-repeat; top:45%; right:0px} .case_box ul{position:absolute; height:409px; overflow:hidden; top:0px; left:0px} .case_box ul li{width: 1200px; float:left; height:409px; padding: 0px 50px;} .case_box li .case_l{float: left; width: 600px; height: 409px; background: url("../images/casebg.jpg") no-repeat; position: relative;} .case_box li .case_l .num{ position: absolute; left: 30px; top: 15px; font-size: 72px; color: #fff; line-height: normal;} .case_box li .case_l .con{text-align: center; line-height: normal; width: 404px; padding: 100px 98px 0px;} .case_box li .case_l .con span{display: block; font-size: 36px; color: #fff;} .case_box li .case_l .con p{font-size: 12px; color: #fff; line-height: 24px; margin: 50px auto 40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .case_box li .case_l .con a{display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto;font-size: 14px; color: #7f7f7f; background: #fff;} .case_box li .case_l .con a:hover{background: #f1b337; color: #fff;} .case_box li .case_r{float: left; width: 600px; height: 409px;} .case_box li .case_r img{width: 600px; height: 409px;} /*news*/ #news{width: 1200px; margin: 0 auto; padding: 70px 0px 40px 0px;} #news .news_top{text-align: center; line-height: normal; margin-bottom: 55px;} #news .news_top p{font-size: 34px; color: #bdbdbd; font-family: "Arial"; padding-bottom: 20px;} #news .news_top span{display: block; font-size: 24px; color: #f1b337; background: url("../images/case_x.jpg") no-repeat bottom center; padding-bottom: 10px;} #news .news_foot{} #news .news_foot li{float: left; padding-right: 12px; width: 392px;} #news .news_foot li a{display: block; background: #f3f3f3; border-bottom: 4px solid #f3f3f3;} #news .news_foot li img{width: 392px; height: 239px;} #news .news_foot li p{font-size: 16px; color: #323232; height: 60px; line-height: 30px; padding: 10px 5px 10px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #news .news_foot li span{font-size: 14px; color: #808080; height: 30px; line-height: 30px; padding: 0px 5px 10px 5px; display: block;} #news .news_foot li a:hover{border-bottom: 4px solid #f1b235; background: #f3f3f3 url("../images/news_more.png") no-repeat 360px 320px;} /*com_banner*/ #com_banner{width: 1920px; position: relative; left: 50%; margin-left: -960px;} /*left_menu*/ #left_menu{width: 1920px; height: 50px; position: relative; left: 50%; margin-left: -960px; background: #042986;} #left_menu .menu1200{width: 1200px; margin: 0 auto;} #left_menu .menu1200 li{float: left; margin-right: 5px;} #left_menu .menu1200 li a{display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff;} #left_menu .menu1200 li a:hover{background: #0738b7;} #left_menu .menu1200 li a.on{background: #0738b7;} /*content*/ #about1200{width: 1200px; margin: 0 auto;} #about1200 .aboutus{text-align: center; margin: 30px auto 50px;} #about1200 .aboutus h2{font-weight: normal; font-size: 34px; color: #bdbdbd; font-family: "Arial"; line-height: 30px;} #about1200 .aboutus span{display: block; font-size: 24px; color: #e6b451; margin: 20px 0px; padding-bottom: 16px; background: url("../images/about_x.jpg") no-repeat center bottom;} #about1200 .aboutus p{line-height: 30px; font-size: 14px; color: #333; margin-bottom: 30px;} #about1200 .idea{text-align: center; margin: 0px auto 50px;} #about1200 .idea h2{font-weight: normal; font-size: 34px; color: #bdbdbd; font-family: "Arial"; line-height: 30px;} #about1200 .idea span{display: block; font-size: 24px; color: #e6b451; margin: 20px 0px 35px 0px; padding-bottom: 16px; background: url("../images/about_x.jpg") no-repeat center bottom;} #about1200 .idea .idea_l{float: left; width: 643px; padding-right: 36px;} #about1200 .idea .idea_r{float: left; width: 521px;} #about1200 .idea .idea_r img{margin-top: 23px;} #about1200 .idea .idea_r p{text-align: left; padding: 30px 0px 0px 15px; font-size: 18px; color: #4f4b4c; line-height: 36px;} #about1200 .server{text-align: center; margin: 0px auto 50px;} #about1200 .server h2{font-weight: normal; font-size: 34px; color: #bdbdbd; font-family: "Arial"; line-height: 30px;} #about1200 .server span{display: block; font-size: 24px; color: #e6b451; margin: 20px 0px 35px 0px; padding-bottom: 16px; background: url("../images/about_x.jpg") no-repeat center bottom;} #about1200 .server .server_l{float: left; width: 521px;} #about1200 .server .server_l img{margin-top: 23px;} #about1200 .server .server_l p{text-align: left; padding: 30px 0px 0px 15px; font-size: 18px; color: #4f4b4c; line-height: 36px;} #about1200 .server .server_r{float: left; width: 643px; padding-left: 36px;} #single1200{width: 1200px; margin: 50px auto; line-height: 24px; font-size: 14px; color: #333;} #feedback_bg{width: 1920px; height: 918px; position: relative; left: 50%; margin-left: -960px; background: url("../images/contact_bg.jpg") no-repeat top center;} #feedback_bg .feedback1200{width: 1200px; margin: 0 auto; padding-top: 90px;} #feedback_bg .feedback1200 .feedback650{width: 650px; margin: 0 auto; text-align: center;} #feedback_bg .feedback1200 .feedback650 .feedback_title{} #feedback_bg .feedback1200 .feedback650 .feedback_title p{font-size: 34px; color: #4f4b4c; font-family: "Arial"; line-height: 30px;} #feedback_bg .feedback1200 .feedback650 .feedback_title span{display: block; font-size: 24px; color: #4f4b4c; margin: 20px 0px 45px 0px; padding-bottom: 16px; background: url("../images/contact_x.jpg") no-repeat center bottom;} #feedback_bg .feedback1200 .feedback650 .feedback_c{} #feedback_bg .feedback1200 .feedback650 .feedback_c input{width: 650px; height: 50px; line-height: 50px; outline: none; border: none; margin-bottom: 25px; font-size: 14px; color: #a8a8a8; padding-left: 20px;} #feedback_bg .feedback1200 .feedback650 .feedback_c textarea{width: 650px; height: 235px; line-height: 24px; outline: none; border: none; margin-bottom: 40px; font-size: 14px; color: #a8a8a8; padding: 20px 0px 0px 20px;} #feedback_bg .feedback1200 .feedback650 .feedback_c input.btn{width: 160px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; padding: 0; background: #4f4b4c;} #contact_bg{width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #f6f6f6; padding-bottom: 70px;} #contact_bg .contact1200{width: 1200px; margin: 0 auto;} #contact_bg .contact1200 .contact_title{text-align: center; padding: 30px 0px 0px 0px;} #contact_bg .contact1200 .contact_title h2{font-weight: normal; font-size: 34px; color: #bdbdbd; font-family: "Arial"; line-height: 30px;} #contact_bg .contact1200 .contact_title span{display: block; font-size: 24px; color: #2b2b2b; margin: 20px 0px 30px 0px; padding-bottom: 16px; background: url("../images/about_x.jpg") no-repeat center bottom;} #contact_bg .contact1200 .contact_con{background: #fff;} #contact_bg .contact1200 .contact_con .contact_top{} #contact_bg .contact1200 .contact_con .contact_top .contact_l{float: left; margin: 30px 0px 0px 30px; font-size: 14px; color: #333;} #contact_bg .contact1200 .contact_con .contact_top .contact_r{float: right; margin: 10px 20px 30px 0px;} #contact_bg .contact1200 .contact_con .contact_top .contact_r p{font-size: 12px; color: #333; text-align: center;} #contact_bg .contact1200 .contact_con .contact_map{} #pnb{width: 1920px; height: 130px; position: relative; left: 50%; margin-left: -960px; background: #f6f6f6; border-bottom: 1px solid #969696;} #pnb .pro1200{width: 1200px; margin: 0 auto;} #pnb .pro1200 li{float: left; margin-right: 5px;} #pnb .pro1200 li a{display: inline-block; width: 166px; height: 110px; text-align: center; padding-top: 20px; position: relative;} #pnb .pro1200 li a img{width: 54px; height: 44px;} #pnb .pro1200 li a p{font-size: 14px; color: #323232; margin-top: 25px;} #pnb .pro1200 li a .layer{position:absolute;top: 20px; left: 56px; display: none;} #pnb .pro1200 li a:hover .layer{display: block;} #pnb .pro1200 li a:hover{background: #0738b7;} #pnb .pro1200 li a:hover p{color: #fff;} #pnb .pro1200 li a.on .layer{display: block;} #pnb .pro1200 li a.on{background: #042986;} #pnb .pro1200 li a.on p{color: #fff;} #pro_p{width: 1200px; margin: 0 auto;} #pro_p p{border-top: 1px solid #e9e9e9; height: 75px; line-height: 75px; } #pro_p p span{font-size: 14px; color: #1d1d1d; padding-left: 30px; width: 130px; float: left;} #pro_p p a{font-size: 14px; color: #1d1d1d; padding: 0px 15px;} #pro_p p a:hover{color: #2b2b2b;} #pro_p p a.on{color: #2b2b2b;} #pro1900{width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #f6f6f6; padding: 50px 0px 70px 0px;} #pro1900 .procon{width: 1200px; margin: 0 auto;} #pro1900 .procon li{float: left; width: 369px; background: #fff; padding: 15px 0px 10px 0px; border: 2px solid #fff; margin: 0px 40px 40px 0px;} #pro1900 .procon li .con{} #pro1900 .procon li .con img{width: 338px; height: 342px; padding: 0px 13px;} #pro1900 .procon li .con h2{font-family: "宋体"; font-size: 24px; color: #e6b451; padding: 15px 15px;} #pro1900 .procon li .con span{font-size: 18px; color: #333; text-align:center; line-height:35px; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #pro1900 .procon li p{font-size: 12px; color: #333; padding: 0px 15px; line-height: 18px; margin: 10px 0px 15px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 36px;} #pro1900 .procon li .dj{padding: 0px 8px;} #pro1900 .procon li .dj a{display: block; height: 35px; line-height: 35px;} #pro1900 .procon li .dj a.sc{width: 90px; padding-left: 70px; float: left; background: #ededed url("../images/sc.png") no-repeat 45px; center; font-size: 14px; color: #333;} #pro1900 .procon li .dj a.sp{width: 100px; padding-left: 60px; float: right; background: #e6b451 url("../images/pro_shop.png") no-repeat 30px; center; font-size: 14px; color: #fff;} #pro1900 .procon li:hover{border: 2px solid #2b2b2b;} #pro1900 .pro_con{width: 1180px; margin: 0 auto; background: #fff; padding: 15px 0px 30px 20px;} #pro1900 .pro_con .procon_left{float: left; width: 525px; padding-right: 30px;} /* 点击小图切换大图 */ .MagicZoomBigImageCont { border:1px solid #91b817; background:#FFF; } .MagicZoomMain { text-align: center !important; width: 92px; } .MagicZoomMain div { padding: 0px !important; } /* Header look and feel CSS class */ /* header is shown if "title" attribute is present in the tag */ .MagicZoomHeader { font:10px Tahoma, Verdana, Arial, sans-serif; color:#fff; background:#91b817; text-align:center !important; } /* CSS class for small looking glass square under mouse */ .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; } /* CSS style for loading animation box */ .MagicZoomLoading { text-align:center; background:#ffffff; color:#444; border: 1px solid #ccc; opacity:0.8; padding:3px 3px 3px 3px !important; display: none; /* do not edit this line please */ } /* CSS style for gif image in the loading animation box */ .MagicZoomLoading img { padding-top: 3px !important; } #tsShopContainer li,#tsShopContainer img{vertical-align:top;} #tsShopContainer{width:100%;position:relative;font-size:12px;padding-bottom:5px; } #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;} #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;} #tsShopContainer #tsImgS img{border:0px; width: 525px;height: 531px;} #tsShopContainer #tsPicContainer #tsImgSArrL{width:25px;height: 90px;line-height: 90px; text-align: center; background: #ebebeb; position:absolute;top:0px;left:0px;cursor:pointer; font-size: 18px; color: #747474; font-family: "宋体"; font-weight: bold;} #tsShopContainer #tsPicContainer #tsImgSArrR{width:25px;height: 90px;line-height: 90px; text-align: center; background: #ebebeb; position:absolute;top:0px;right:0px;cursor:pointer; font-size: 18px; color: #747474; font-family: "宋体"; font-weight: bold;} #tsShopContainer #tsPicContainer #tsImgSArrL:hover{background: #e6b451; color: #fff;} #tsShopContainer #tsPicContainer #tsImgSArrR:hover{background: #e6b451; color: #fff;} #tsShopContainer #tsPicContainer{width:100%;height:95px;position:relative;margin-top: 20px;} #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;width:470px!important;left:30px;height:100px;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li{width:94px;float:left;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:86px;height:87px;} #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #f29600;margin:0px;} /* 点击小图切换大图 END */ #pro1900 .pro_con .procon_right{float: left; width: 590px; padding: 15px 30px 0px 0px;} #pro1900 .pro_con .procon_right h2{font-weight: normal; font-size: 18px; color: #000; margin-bottom: 35px;} #pro1900 .pro_con .procon_right .price{background: #fff8eb; height: 60px; line-height: 60px; padding-left: 10px; font-size: 14px; color: #000;} #pro1900 .pro_con .procon_right .price span{font-size: 18px; color: #d99102; font-family: "宋体"; font-weight: bold;} #pro1900 .pro_con .procon_right .con{font-size: 13px; color: #000; line-height: 28px; margin: 30px 0px 30px 0px;} #pro1900 .pro_con .procon_right .number{} #pro1900 .pro_con .procon_right .number .sl{float: left; padding-right: 20px; font-size: 14px; color: #000; line-height: 36px;} #pro1900 .pro_con .procon_right .number .sj{float: left; padding-left: 5px; font-size: 14px; color: #000; line-height: 36px;} #pro1900 .pro_con .procon_right .number .jj{float: left; border: 1px solid #dbdbdb;width: 110px;line-height: 26px;overflow: hidden;} #pro1900 .pro_con .procon_right .number .jj em{display: block;height: 26px;width: 26px;float: left;color: #7A7979;border-right: 1px solid #dbdbdb;text-align: center;cursor: pointer;font-style:normal; font-size: 20px;} #pro1900 .pro_con .procon_right .number .jj .num{display: block;float: left;text-align: center;width: 56px;font-style: normal;font-size: 14px;line-height: 26px;border: 0;} #pro1900 .pro_con .procon_right .number .jj em.add{float: right;border-right: 0;border-left: 1px solid #dbdbdb;} #pro1900 .pro_con .procon_right .shop{margin-top: 30px;} #pro1900 .pro_con .procon_right .shop a{display: block; width: 110px; height: 50px; line-height: 50px; padding-left: 50px; font-size: 18px; color: #fff; background: #e6b451 url("../images/shop01.png") no-repeat 18px center;} #pro1900 .pro_con .procon_right .links{margin-top: 40px;} #pro1900 .pro_con .procon_right .links a.share{float: left; width: 60px; height: 30px; line-height: 30px; font-size: 14px; color: #000; padding-left: 70px; background: url("../images/share.png") no-repeat 40px center;} #pro1900 .pro_con .procon_right .links a.sc{float: left; width: 60px; height: 30px; line-height: 30px; font-size: 14px; color: #000; padding-left: 70px; background: url("../images/sc01.png") no-repeat 35px center; margin-left: 30px;} /* js pro */ #pro1900 .pro_lb{width: 1200px; margin: 50px auto 40px;} #pro1900 .pro_lb .friend{ height: 225px; overflow:hidden; } #pro1900 .pro_lb .mr_frbox{height: 225px;} #pro1900 .pro_lb .mr_frBtnL{cursor:pointer; float:left; width: 60px; height: 225px; line-height: 225px; background: #dedede; font-size: 45px; color: #747474; font-family: "宋体"; font-weight: bold; text-align: center; display:block;} #pro1900 .pro_lb .mr_frBtnL:hover{background: #2f2f2e; color: #fff;} #pro1900 .pro_lb .mr_frUl{ float:left; height:225px; width:1080px; overflow:hidden; } #pro1900 .pro_lb .mr_frBtnR{float:right; cursor:pointer; width: 60px; height: 225px; line-height: 225px; background: #dedede; font-size: 45px; color: #747474; font-family: "宋体"; font-weight: bold; text-align: center; display:block;} #pro1900 .pro_lb .mr_frBtnR:hover{background: #2f2f2e; color: #fff;} #pro1900 .pro_lb .mr_frUl ul li{ float:left; width: 222px; height: 225px; overflow:hidden; } #pro1900 .pro_lb .mr_frUl ul li a img{ width: 222px; height: 225px; } #pro1900 .pro_lb .mr_frUl .index_link_col{ width: 222px; float:left; padding-left: 40px; } #pro1900 .pro_detail{width: 1200px; margin: 0px auto;} #pro1900 .pro_detail .newest{float: left; width: 308px; border: 1px solid #e1e1e1; background: #fff;} #pro1900 .pro_detail .newest .newest_title{width: 308px; height: 75px; line-height: 75px; text-align: center; font-size: 24px; color: #fff; background: #e6b451;} #pro1900 .pro_detail .newest .newest_pro{padding: 0px 14px; margin-top: 40px;} #pro1900 .pro_detail .newest .newest_pro li{margin-bottom: 30px;} #pro1900 .pro_detail .newest .newest_pro li .newsest_img{} #pro1900 .pro_detail .newest .newest_pro li .newsest_img img{width: 280px; height: 375px;} #pro1900 .pro_detail .newest .newest_pro li .newest_con{margin-top: 7px;} #pro1900 .pro_detail .newest .newest_pro li .newest_con span{float: left; width: 120px; font-size: 20px; color: #e6b451; line-height: 30px; font-family: "宋体"; font-weight: bold;} #pro1900 .pro_detail .newest .newest_pro li .newest_con a{float: left; width: 100px; height: 30px; line-height: 30px; padding-left: 60px; font-size: 14px; color: #fff; background: #e6b451 url("../images/shop02.png") no-repeat 30px center;} #pro1900 .pro_detail .detail{ background: #fff;} #pro1900 .pro_detail .detail .detail_title{ height: 46px; background: #dedede;} #pro1900 .pro_detail .detail .detail_title span{display: block; width: 193px; height: 46px; line-height: 46px; text-align: center; background: #fff url("../images/detailbg.png") no-repeat center top; font-size: 20px; color: #525252;} #pro1900 .pro_detail .detail .detail_con{padding: 20px 20px 60px 20px;} #case1200{width: 1200px; margin: 0 auto;} #case1200 .case_title{text-align: center; margin: 30px auto 50px;} #case1200 .case_title h2{font-weight: normal; font-size: 34px; color: #bdbdbd; font-family: "Arial"; line-height: 30px;} #case1200 .case_title span{display: block; font-size: 24px; color: #2b2b2b; margin: 20px 0px; padding-bottom: 16px; background: url("../images/about_x.jpg") no-repeat center bottom;} #case1200 .case_con{margin-bottom: 50px;} #case1200 .case_con li{float: left; width: 285px; padding: 0px 10px 40px 0px;} #case1200 .case_con li a{display: block;} #case1200 .case_con li a img{width: 285px; height: 200px;} #case1200 .case_con li a p{width: 283px; height: 45px; line-height: 45px; border: 1px solid #e1e1e1; text-align: center; font-size: 16px; color: #4f4b4c;} #news1200{width: 1200px; margin: 0 auto;} #news1200 .news_title{text-align: center; margin: 30px auto 50px;} #news1200 .news_title h2{font-weight: normal; font-size: 34px; color: #bdbdbd; font-family: "Arial"; line-height: 30px;} #news1200 .news_title span{display: block; font-size: 24px; color: #2b2b2b; margin: 20px 0px; padding-bottom: 16px; background: url("../images/about_x.jpg") no-repeat center bottom;} #news1200 .news_con{margin-bottom: 50px;} #news1200 .news_con li{padding-bottom: 40px;} #news1200 .news_con li a{display: block;} #news1200 .news_con li a .news_left{float: left; width: 498px; height: 168px; padding: 40px 50px 40px 50px; border: 1px solid #e1e1e1; position: relative;} #news1200 .news_con li a .news_left b{font-size: 14px; color: #9d9d9d; font-weight: normal;} #news1200 .news_con li a .news_left p{font-size: 20px; color: #9d9d9d; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 10px 0px;} #news1200 .news_con li a .news_left div{font-size: 16px; color: #9d9d9d; line-height: 24px; margin: 10px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} #news1200 .news_con li a .news_left span{font-size: 14px; color: #9d9d9d; position: absolute; bottom: 40px;} #news1200 .news_con li a:hover .news_left{background: #404040;} #news1200 .news_con li a:hover b{color: #fff;} #news1200 .news_con li a:hover p{color: #fff;} #news1200 .news_con li a:hover div{color: #fff;} #news1200 .news_con li a:hover span{color: #fff;} #news1200 .news_con li a .news_right{float: left;} #news1200 .news_con li a .news_right img{width: 600px; height: 250px;} #shownews1200{width: 1200px; margin: 50px auto;} #shownews1200 .news_top{border-bottom: 1px dashed #9d9d9d; text-align: center; margin-bottom: 25px;} #shownews1200 .news_top h2{font-size: 20px; color: #101010; margin-bottom: 15px;} #shownews1200 .news_top p{margin-bottom: 20px; font-size: 12px; color: #757575;} #shownews1200 .news_foot{font-size: 12px; color: #757575; line-height: 24px; padding-bottom: 30px; border-bottom: 1px dashed #9d9d9d;} /*foot*/ #foot{width: 1920px; height: 407px; position: relative; left: 50%; margin-left: -960px; background: url("../images/foot_bg.jpg") no-repeat top center;} #foot .foot1200{width: 1200px; margin: 0 auto;} #foot .foot1200 .foot_s{height: 223px; padding: 65px 0px 0px 10px;} #foot .foot1200 .foot_s .foot_i{float: left;width: 169px;} #foot .foot1200 .foot_s .foot_i img{width: 169px; height: 169px;} #foot .foot1200 .foot_s .foot_i p{font-size: 16px; color: #a2a2a2; padding-top: 10px;} #foot .foot1200 .foot_s .foot_i span{font-size: 16px; color: #a2a2a2; float: right;} #foot .foot1200 .foot_s .foot_m{float: left; padding: 0px 0px 0px 145px; width: 515px;} #foot .foot1200 .foot_s .foot_m p{font-size: 20px; color: #c1c1c1; padding-bottom: 12px; background: url("../images/foot_x.jpg") no-repeat bottom left;} #foot .foot1200 .foot_s .foot_m li{float: left; padding: 25px 115px 0px 0px;} #foot .foot1200 .foot_s .foot_m li a{font-size: 14px; color: #a3a3a3;} #foot .foot1200 .foot_s .foot_m li a:hover{color: #fff;} #foot .foot1200 .foot_s .foot_c{float: right; width: 235px;} #foot .foot1200 .foot_s .foot_c p{font-size: 20px; color: #c1c1c1; padding-bottom: 12px; background: url("../images/foot_x.jpg") no-repeat bottom left; margin-bottom: 15px;} #foot .foot1200 .foot_s .foot_c .phone{padding-left: 35px; background: url("../images/phone.png") no-repeat left 11px; font-size: 14px; color: #a3a3a3; line-height: 36px;} #foot .foot1200 .foot_s .foot_c .email{padding-left: 35px; background: url("../images/email.png") no-repeat left 11px; font-size: 14px; color: #a3a3a3; line-height: 36px;} #foot .foot1200 .foot_z{height: 35px;} #foot .foot1200 .foot_z a{display: block; width: 35px; height: 35px; margin: 0 auto;} #foot .foot1200 .foot_x{padding: 0px 0px 0px 10px; font-size: 14px; color: #a2a2a2; height: 84px; line-height: 84px;} #foot .foot1200 .foot_x a{color: #a2a2a2;} #foot .foot1200 .foot_x a:hover{color: #fff;} .change {margin: 20px 0px 0px 0px; font-size: 14px; color: #757575; line-height: 24px; position: relative;} .change a{color: #757575; font-size: 14px;} .change a.back{float: right;} .pagination{text-align: center;font-size: 0; margin: 20px 0px 0px;display: block;} .pagination a{font-size: 14px;background-color:#2b2b2b;display: inline-block;width:56px;height:25px;line-height: 25px;color: #fff; margin: 0 4px;} .pagination a.active{color:#404040;background:#dedede;} .back_top { position: fixed; top: 0px; right: 0px; z-index: 9; width: 40px; height: 100%; padding-top: 50px; background-color: #4f4b4c;} .back_top li { width: 40px; height: 36px; line-height: 36px; position: relative; margin-bottom: 10px; color: #fff; font-size: 16px; color: #fff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .back_top li a { display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 150px; color: #fff; padding-left: 40px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .back_top li img { display: none; position: absolute; width: 150px; height: 150px; right: 45px; top: -50px;} .back_top li .back_top_dl {background: #4f4b4c url("../images/c1.png") no-repeat 10px center;} .back_top li .back_top_gw {background: #4f4b4c url("../images/c2.png") no-repeat 10px center;} .back_top li .back_top_sc {background: #4f4b4c url("../images/c3.png") no-repeat 10px center;} .back_top li .back_top_qq {background: #4f4b4c url("../images/c4.png") no-repeat 10px center;} .back_top li .back_top_dh {background: #4f4b4c url("../images/c5.png") no-repeat 10px center;} .back_top li a.back_top_dl:hover {background: #e6b451 url("../images/c1.png") no-repeat 120px center; left: -110px; padding-left: 20px; border-radius: 3px 0px 0px 3px;} .back_top li a.back_top_gw:hover {background: #e6b451 url("../images/c2.png") no-repeat 120px center; left: -110px; padding-left: 20px; border-radius: 3px 0px 0px 3px;} .back_top li a.back_top_sc:hover {background: #e6b451 url("../images/c3.png") no-repeat 120px center; left: -110px; padding-left: 20px; border-radius: 3px 0px 0px 3px;} .back_top li a.back_top_qq:hover {background: #e6b451 url("../images/c4.png") no-repeat 120px center; left: -110px; padding-left: 20px; border-radius: 3px 0px 0px 3px;} .back_top li a.back_top_dh:hover {background: #e6b451 url("../images/c5.png") no-repeat 120px center; left: -110px; padding-left: 10px; border-radius: 3px 0px 0px 3px;} /*login*/ #login1920{width: 1920px;height: 603px;position: relative;left: 50%;margin-left: -960px; background: url("../images/login_bg.jpg") no-repeat center;} .login1200{width: 1200px; margin: auto; padding-top: 110px;} .login1200 .width500{width: 500px; background: #fff; float: right; padding: 40px 0px;} .login1200 h2{line-height: 54px; padding: 0px 0px 30px 0px; text-align: center; color: #e6b451;font-size: 36px; font-weight: normal;} .login1200 .user{ margin-bottom: 15px;} .login1200 .user p{float: left; width: 100px; color: #2c2c2c; font-size: 16px; line-height: 40px; text-align: right;} .login1200 .user input{width: 330px; margin-left: 10px; padding-left: 10px; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #c6c6c6; color: #363636;font-size: 12px; outline: none;} .login1200 .pwd{ margin-bottom: 15px;} .login1200 .pwd p{float: left; width: 100px; color: #2c2c2c; font-size: 16px; line-height: 40px; text-align: right;} .login1200 .pwd input{width: 330px; margin-left: 10px; padding-left: 10px; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #c6c6c6; color: #363636;font-size: 12px; outline: none;} .login1200 .code{ margin-bottom: 15px;} .login1200 .code p{float: left; width: 100px; color: #2c2c2c; font-size: 16px; line-height: 40px; text-align: right;} .login1200 .code input{width: 150px; margin-left: 10px; padding-left: 10px; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #c6c6c6; color: #363636;font-size: 12px; outline: none; float: left;} .login1200 .sub{width: 150px; margin-top: 30px; margin: 30px auto 0px;} .login1200 .sub .dl{width: 150px;height: 40px; line-height: 40px; border-radius: 5px; color: #fff;font-size: 18px; background: #e6b451; text-align: center; border: none; outline: none; float: left;} /*reg*/ #reg1920{width: 1920px; position: relative;left: 50%;margin-left: -960px; padding: 60px 0px 90px 0px; background: #ededed;} .reg1200{width: 1200px; margin: 0px auto; background: #fff; padding: 50px 0px;} .reg1200 .width500{width: 500px; margin: 0px auto 0px;} .reg1200 h2{line-height: 54px; padding: 0px 0px 30px 0px; text-align: center; color: #e6b451;font-size: 36px; font-weight: normal;} .reg1200 .demo{ margin-bottom: 15px;} .reg1200 .demo p{float: left; width: 100px; color: #2c2c2c; font-size: 16px; line-height: 40px; text-align: right;} .reg1200 .demo input{width: 330px; margin-left: 10px; padding-left: 10px; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #7f7f7f; color: #363636;font-size: 12px; outline: none;} .reg1200 .code{ margin-bottom: 15px;} .reg1200 .code p{float: left; width: 100px; color: #2c2c2c; font-size: 16px; line-height: 40px; text-align: right;} .reg1200 .code input{width: 150px; margin-left: 10px; padding-left: 10px; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #7f7f7f; color: #363636;font-size: 12px; outline: none; float: left;} .reg1200 .sub{width: 150px; margin-top: 30px; margin: 30px auto 0px;} .reg1200 .sub .dl{width: 150px;height: 40px; line-height: 40px; border-radius: 5px; color: #fff;font-size: 18px; background: #e6b451; text-align: center; border: none; outline: none; float: left;} .zs_k {} #case {position: relative; background:#fff;} #case .case1300 {width: 1200px;margin: 0 auto;} #case .Box_con {position: relative;} #case .Box_con .btnl {position: absolute;} #case .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;} #case .Box_con .btnl {background:url(../images/jtl02.png) no-repeat center;left: -72px;} #case .Box_con .btnr {background:url(../images/jtr02.png) no-repeat center;right: -72px;} #case .Box_con .btnl:hover {background:url(../images/jtl03.png) no-repeat center;} #case .Box_con .btnr:hover {background:url(../images/jtr03.png) no-repeat center;} #case .Box_con .conbox {position: relative;overflow: hidden;} #case .Box_con .conbox ul {position: relative;list-style: none;} #case .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;} #case .Box_con .conbox ul li:first-child {margin-left: 0;} #case .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;} #case .Box_con .conbox ul li:hover img {transform: scale(1.1);}